<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
        >
<body>
<ui:composition>
    <h:panelGrid columns="2">
        <td class="title"><h1>JSF dictionary</h1></td>
        <p:themeSwitcher value="#{themeSwitcherBean.theme}" style="width:200px;float:right" effect="fade"
                         id="theme">
            <f:selectItems value="#{themeSwitcherBean.themes}"/>
            <f:selectItem itemLabel="Choose Theme" itemValue="#{themeSwitcherBean.theme}" />
            <p:ajax listener="#{themeSwitcherBean.saveTheme}"/>
        </p:themeSwitcher>
    </h:panelGrid>
</ui:composition>
</body>
</html>